<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>广西机电技师学院</title>

  <!-- Bootstrap -->
  <link href="//cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

  <!--[if lt IE 9]>
    <script src="//cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
  <![endif]-->
  <style>
    ul.nav-tabs{
      width: 140px;
      margin-top: 20px;
      border-radius: 4px;
      border: 1px solid #ddd;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
    ul.nav-tabs li{
        margin: 0;
        border-top: 1px solid #ddd;
    }
    ul.nav-tabs li:first-child{
        border-top: none;
    }
    ul.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;
        border-radius: 0;
    }
    ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
        color: #fff;
        background: #0088cc;
        border: 1px solid #0088cc;
    }
    ul.nav-tabs li:first-child a{
        border-radius: 4px 4px 0 0;
    }
    ul.nav-tabs li:last-child a{
        border-radius: 0 0 4px 4px;
    }
    ul.nav-tabs.affix-top{
        top: 30px; /* Set the top position of pinned element */
    }
    ul.gjnav{
        position: fixed;
        top: 170px;
        right: 220px;
        background: rgba(0, 0, 0, 0.7);
        color:white;
    }
    ul.nav-tabs.affix{
        top: 170px; /* Set the top position of pinned element */
        position: fixed;
    }
    ul.gjnav a{
        color:white;
    }
    ul.gjnav a:hover{
        color:blue;
    }
  </style>
</head>

<body data-spy="scroll">


  <nav class="navbar" style="border:0">

    <div style="background: rgb(148,7,10); ">
      <div class="container" style="padding:5px 0px;color:white;">
        <a href="#dd" class="pdivl-right">统一登录</a>
        <a href="#dd" class="pdivl-right">培训鉴定</a>
        <a href="#dd" class="pdivl-right">继续教育</a>
      </div>
    </div>

    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
          aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="//www.baidu.com/img/dong_abf3be3bfcd91ebe86a0c9c33c4c3b68.gif" alt="home" style="height:30px;">
        </a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <div class="nav navbar-nav navbar-right">
          <li class="active"><a href="./index.html">首页</a></li>
          <li><a href="#">学院概况</a></li>
          <li><a href="#">系部设置</a></li>
          <li><a href="#">师资队伍</a></li>
          <li><a href="#">教育教学</a></li>
          <li><a href="#">党政科室</a></li>
          <li><a href="#">招生就业</a></li>
          <li><a href="#">信息公开</a></li>
          <li><a href="#">专题</a></li>
          <li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>
          <li><a href="#" style="color:rgb(26,173,25)"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span></a></li>
        </div>
      </div>
      <!--/.navbar-collapse -->
    </div>
  </nav>
  
  <div style="position:relative;">
    <div id="myCarousel" class="carousel slide">
      <!-- 轮播（Carousel）指标 -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <!-- 轮播（Carousel）项目 -->
      <div class="carousel-inner">
        <div class="item active">
          <img src="https://www.egret.com/banner-1-pc_6eb0773ae45c864891913c43d84db568.jpg" alt="First slide">
        </div>
        <div class="item">
          <img src="https://www.egret.com/banner-1-pc_6eb0773ae45c864891913c43d84db568.jpg" alt="Second slide">
        </div>
        <div class="item">
          <img src="https://www.egret.com/banner-1-pc_6eb0773ae45c864891913c43d84db568.jpg" alt="Third slide">
        </div>
      </div>
      <!-- 轮播（Carousel）导航 -->
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <ul class="nav nav-tabs nav-stacked gjnav" data-spy="affix">
      <li><a href="#section-1"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> 招生就业</a></li>
      <li><a href="#section-2"><span class="glyphicon glyphicon-music" aria-hidden="true"></span> 培训鉴定</a></li>
      <li><a href="#section-3"><span class="glyphicon glyphicon-film" aria-hidden="true"></span> 继续教育</a></li>
      <li><a href="#section-4"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span> 导航</a></li>
      <li><a href="#section-5"><span class="glyphicon glyphicon-signal" aria-hidden="true"></span> 信息平台</a></li>
    </ul>
  </div>


  <div>
    <div class="container" style="height: 400px">
      <div class="col-md-8">
        <h3>新闻</h3>
      </div>
      <div class="col-md-4">
        <h3>公告</h3>
        <h4>人事公开</h4>
        <h4>招投标</h4>
        <h4>媒体宣传</h4>
      </div>
    </div>
  </div>


  <div>
    <div class="container" style="height: 400px">
      <div class="col-md-8">
        <h3>新闻</h3>
      </div>
      <div class="col-md-4">
        <h3>公告</h3>
        <h4>人事公开</h4>
        <h4>招投标</h4>
        <h4>媒体宣传</h4>
      </div>
    </div>
  </div>


  <!--[if lt IE 9]>
    <script src="/Public/js/shim/es5-shim.min.js"></script>
    <script src="/Public/js/shim/es5-sham.min.js"></script>
    <script src="/Public/js/shim/json2.min.js"></script>
    <script src="/Public/js/shim/json3.min.js"></script>
  <![endif]-->

  <script src="//cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src="//unpkg.com/san@3.9.4/dist/san.dev.js"></script>

</body>

</html>